{% extends '../../common/layouts/accLayout.tpl' %}
{% block content %}
	<div class="ui-ucenter-right ui-box ">
		<div>
			<div class="breadcrumb">
				<ul>
					<li>个人中心<i>&gt;</i></li>
					<li><span>我的合伙人</span></li>
				</ul>
			</div>
			<div class="myacc-partner-invite myacc-column myacc-column-fluid bg-white mt-20">
				<div class="myacc-column-title">
					邀请合伙人方式
				</div>
				<div class="myacc-column-content mt-40">
					<ul class="myacc-invite-way">
						<li>
							<span><img src="/assets/images/ucenter/icon_Number_1.png" alt="">用手机扫描二维码分享给好友</span>
							<div>
								<img src="/assets/images/ucenter/my-invitecode-QRcode.png" alt="">
							</div>
						</li>
						<li>
							<span><img src="/assets/images/ucenter/icon_Number_2.png" alt="">将链接复制发给好友</span>
							<div>
								<img src="/assets/images/ucenter/my-invitecode-link.png" alt="">
							</div>
						</li>
						<li>
							<span><img src="/assets/images/ucenter/icon_Number_3.png" alt="">好友注册时，邀请人填写你的手机号码</span>
							<div>
								<form action="">
									<div class="invite-phone"><span class="icon"></span>推荐人手机</div>
									<input type="text" name="phone" lay-verify="phone" autocomplete="off" placeholder="推荐人手机号" class="layui-input">
									<button class="layui-btn layui-btn-normal btn-submit" lay-submit="" lay-filter="submit" type="submit">注&nbsp;&nbsp;册</button>
								</form>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="myacc-invite-rules myacc-column myacc-column-fluid bg-white mt-20">
				<div class="f-l">
					<div class="myacc-column-title">
						如何邀请好友赚佣金？
					</div>
					<div class="myacc-column-content mt-20">
						<ul>
							<li>
								<span>第一步：</span><p>分享二维码、转发链接邀请、客户注册填写您的手机号，<br>邀请好友注册成功。</p>
							</li>
							<li>
								<span>第二步：</span><p>好友投资，可以拿好友投资收益的百分比佣金。</p>
							</li>
						</ul>
					</div>
				</div>
				<div class="f-r">
					<div class="myacc-column-title">
						如何邀请好友赚佣金？
					</div>
					<div class="myacc-column-content mt-20">
						<ul>
							<li>
								<span>1.</span><p>每日佣金 = 好友当日投资的收益 + 浮动百分比</p>
							</li>
							<li>
								<span>2.</span><p>浮动百分比，分为三档：10% 、20%、30%</p>
							</li>
							<li>
								<span>3.</span><p>本人账户投资总额0-1万元，浮动百分比为10%<br>
												本人账户投资总额1-10万元，浮动百分比为20%<br>
												本人账户投资总额10万元以上，浮动百分比为30%<br></p>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="myacc-invite-sample myacc-column myacc-column-fluid bg-white mt-20">
				<div class="myacc-column-title">
					<img src="/assets/images/ucenter/icon_invite_sample.png" alt="">邀请好友赚佣金&nbsp;&nbsp;&nbsp;&nbsp;每日佣金 = 好友投资的收益 x 浮动百分比
				</div>
				<div class="myacc-column-content mt-20">
					<ul>
						<li>
							<i>假设好友投资</i><span>1万</span><span>5万</span><span>10万</span>
						</li>
						<li>
							<i>则您的佣金</i><span>0.27</span><span>0.55</span><span>8.22</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="myacc-partner myacc-column myacc-column-fluid bg-white mt-20">
				<div class="myacc-column-title">
					我的合伙人
				</div>
				<div class="myacc-column-content">
					<div class="progress-box-wrap">
						<div class="progress f-l">
							<span class="progress-title">已邀请人数</span>
							<div class="progress-text">0<span>人</span></div>
						</div>
						<div class="progress-money f-l">
							<span class="progress-title">已投资人数</span>
							<div class="progress-text">0<span>人</span></div>
						</div>
					</div>
				</div>
				<div class="tableList" style="margin-bottom:0px;">
					<table class="layui-hide" id="table" lay-skin="line"></table>
				</div>
			</div>
		</div>

	</div>
{% endblock %}

{% block js_assets %}
<script>
    layui.use(['form','laydate','table'], function() {
        var laydate = layui.laydate;
        var form = layui.form;
        var table = layui.table;


        laydate.render({
            elem: '#start_t'
            , type: 'date'
        });
        laydate.render({
            elem: '#end_t'
            , type: 'date'
        });

        table.render({
            elem: '#table'
            ,url:'/myAccount/partner/list'
            ,method:'POST'
            ,page:true
            ,cols: [[
                {field:'gmt_create',  title: '注册时间'}
                ,{field:'name', title: '姓名'}
                ,{field:'phone', title: '手机号码'}
                ,{field:'status', title: '认证状态'}

            ]],
            response: {
                statusName: 'status' //数据状态的字段名称，默认：code
                , statusCode: 200 //成功的状态码，默认：0
                , msgName: 'msg' //状态信息的字段名称，默认：msg
                , countName: 'count' //数据总数的字段名称，默认：count
                , dataName: 'datas' //数据列表的字段名称，默认：data
            }
        });

    })

</script>

{% endblock %}